@import "src/style/index";

.help-center{
    padding: 0 r(10);
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    .help-link{
        width: 50%;
        height: r(114);
        .help-item{
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            border-bottom: 1px solid $base-border-color;
        }
        &:nth-child(2n) {
            border-left: 1px solid $base-border-color;
        }
        .h-img{
            flex: 1;
            position: relative;
            .svg-default, img{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: 0;
                display: block;
            }
           
        }
        .h-text{
            text-align: center;
            font-size: r(15);
            color: $base-color-333;
            line-height: r(21);
            padding-top: r(12);
            padding-bottom: r(22);
        }
    }
   
}
.help-content{
    .customer-service{
        background: #fff;
        border-top: 1px solid #E2EAF8;
        padding: r(12) 0 r(5) 0;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        .customer{
            font-size: r(15);
            color: $base-color-333;
            height: r(21);
            line-height: r(21);
            margin-bottom: r(6);
            .svg-default{
                width: r(20);
                height: r(20);
                margin-right: r(9);
            }
        }
        .text{
            line-height: r(18);
            font-size: r(11);
            color: $base-color-999;
        }
    }
}
